import React from 'react';
import { useIntl } from 'umi';

import Tabs, { TabsProps } from '@/components/Tabs';

import { LCOverview } from '../components/overviews/LCOverview';

export const Overview: React.FC = () => {
  const intl = useIntl();
  const items: TabsProps['items'] = [
    {
      key: 'lc',
      label: intl.formatMessage({ id: 'stationRealtimeMonitoring.lcOverview' }),
      children: <LCOverview isGlogbal />,
    },
  ];

  return <Tabs items={items} />;
};
